<template>
  <div>
    <div>
      <span>{{ sort }}</span>
      <span>{{ fan.nickName }}</span>
      <div>{{fan.contribution}}</div>
      <el-avatar  v-if="sort < 3" :src="fan.headPortraitUrl"></el-avatar>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    fan: {
      type: Object,
      require: true,
      default() {
        return {
          contribution: 999,
          headPortraitUrl: "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png",
          id: 1,
          nickName: "",
          userType: "0",
        };
      },
      sort: {
        type: Number,
        require: true,
        default: 0,
      },
    },
  },
};
</script>

<style>
</style>